<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html, #allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family: "微软雅黑";
}
</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Tm3ls1CZEB31QTQYIogqliO0g0E0q6ke"></script>
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 
<title>上午存放手机</title>
</head>
<body>
	<div id="allmap"></div>

	

	<script type="text/javascript">
var html2=window.location.href;


Location_X=30.899029;
Location_Y=121.922908 ;
        var latitude =null; // 纬度，浮点数，范围为90 ~ -90
        var longitude = null; // 经度，浮点数，范围为180 ~ -180。
        var speed =null; // 速度，以米/每秒计
        var accuracy =null; // 位置精度

$.post("/life/iniConfig/setPhone-jwh",{html2:html2},function(data){
	
	wx.config({
		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		    appId: data.appid, // 必填，公众号的唯一标识
		    timestamp: data.timestamp, // 必填，生成签名的时间戳
		    nonceStr: data.nonceStr, // 必填，生成签名的随机串
		    signature: data.signature,// 必填，签名，见附录1
		    jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
	
	// 百度地图API功能
	var map = new BMap.Map("allmap");  // 创建Map实例
	map.centerAndZoom(new BMap.Point(121.92919677683, 30.904896057414), 18);
	map.enableScrollWheelZoom(true);
	
	setTimeout(function(){
		map.setZoom(14);   
	}, 2000);  //2秒后放大到14级
	map.enableScrollWheelZoom(true);
	
	map.addEventListener("click",function(e){
		//alert('位置'+e.point.lng + "," + e.point.lat);
	});
	
	
	// 定义一个控件类,即function
	function ZoomControl(){
	// 默认停靠位置和偏移量
	this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
	this.defaultOffset = new BMap.Size(150, 400);
	}


	// 通过JavaScript的prototype属性继承于BMap.Control
	ZoomControl.prototype = new BMap.Control();


	// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
	// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
	ZoomControl.prototype.initialize = function(map){
	// 创建一个DOM元素
	var div = document.createElement("button");
	// 添加文字说明
	div.appendChild(document.createTextNode("存放手机"));
	// 设置样式
	
	
    
    
	
	div.id="click";
	div.setAttribute('class','btn btn-success');
	//div.style="width:300px;height:150px";
	
	if("N"==data.button){
		$("#click").css("display","none");
	}



div.onclick = function(e){
	
	wx.ready(function(){
		
		    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
		
		wx.getLocation({
			    type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
			    success: function (res) {
			          latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
			          longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
			          speed = res.speed; // 速度，以米/每秒计
			          accuracy = res.accuracy; // 位置精度
					
				
					if(Math.abs(latitude-Location_X)<=0.006&&Math.abs(longitude-Location_Y)<=0.006){
						
						
						$.post("/life/SetPhone",function(data){
							$("#click").css("display","none");
							alert("戒除手机，安心修行// ＋100%执行能力//  ＋100%信誉度");
						});
						
					

					}else{
						alert("请移动到训练营内！");
					}
			    }
			});
		});
		
	wx.error(function(res){
		alert("error---"+res);

		    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
		});


	
};
map.getContainer().appendChild(div);
// 将DOM元素返回
return div;
	}
	var myZoomCtrl = new ZoomControl();
	// 添加到地图当中
	map.addControl(myZoomCtrl);
	
});
</script>


</body>
</html>